<script>
  export let title;
  export let description;
  export let date;
</script>

<section class="container">
  <h1 class="mb-4 text-6xl font-bold text-red-500">{title}</h1>
  <p class="mb-2 text-gray-400">{date}</p>
  <div class="post">
    <slot />
  </div>
</section>

<svelte:head>
  <title>{title}</title>
  <meta name="description" content={description} />
</svelte:head>

<style>
  .post {
    margin-bottom: 4rem;
  }
</style>